<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <title>影院</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/base.min.css">
    <!-- 单个页面的样式 -->
    <link rel="stylesheet" href="../css/film.min.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="../util/font_al/iconfont.css">
    <script src="../js/adjust.js"></script>
    <!-- jQuery引入 -->
    <script src="../util/jQuery/jquery-3.5.1.min.js"></script>
    <script src="../js/film.js"></script>
</head>

<body>
    <div class="container">
        <!-- 头部布局 -->
        <header>
            <span><i class="iconfont icon-ic_ticket"></i>试试我们最好的电影院</span>
            <div>
                <i class="iconfont icon-Frame1"></i>
                <span class="position">成都</span>
            </div>
        </header>
        <!-- 主题内容 -->
        <main>
            <ul id="filmlist">
            </ul>
        </main>
        <!-- 底部导航栏 -->
        <nav id="nav">
            <li>
                <a href="home.html">
                    <i class="iconfont icon-home"></i>
                    <span>首页</span>
                </a>
            </li>
            <li class="active">
                <a href="film.html">
                    <i class="iconfont icon-dalou"></i>
                    <span>影院</span>
                </a>
            </li>
            <li>
                <a href="movie.html">
                    <i class="iconfont icon-ic_ticket"></i>
                    <span>影片</span>
                </a>
            </li>
            <li>
                <a href="me.html">
                    <i class="iconfont icon-icon-user"></i>
                    <span>我的</span>
                </a>
            </li>
        </nav>
    </div>
</body>

</html>